<template>
	<view>
		<view class="banner">
			<img src="@/static/images/inspection-banner.jpg" style="max-width: 100%;">
		</view>
		<view class="btn">
			<view @click="openPage('/pages/annual-inspection/fetch-voucher')">我要领取</view>
			<view @click="openPage('/pages/ucp/my-vouchers')">我的券包</view>
			<view @click="openPage('/pages/annual-inspection/inspection-appointment')">预约年检</view>
		</view>
		<view class="contact">
			
		</view>
		<view class="rich-text">
			
		</view>
		<wx-share :title='shop.name' :desc="shop.store_introduction" :imgUrl="shop.cover" :link="currentPage" ref="wxs">
		</wx-share>
	</view>
</template>

<script>
	export default {
		name:"AnnualVehicleInspection",
		data() {
			return {
				currentPage: location.href,
				shop:{}
				
			}
		},
		created(){
			this.getShop()
		},
		methods: {
			openPage(jumpURL, params = {}) {
				this.$u.route({
					type: 'to',
					params: params,
					url: jumpURL,
					animationType: 'slide-in-bottom'
				});
			},
			getShop() {
				this.$u.post('/shopping/shop-setting', {}).then(res => {
					this.shop = res;
				}).catch(e => {
			
				})
			},
		}
	}
</script>

<style scoped>
.btn{
	padding: 30rpx;
	background-color: #EEE;
	display: flex;
}
.btn view{
	flex: 1;
	height: 150rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: #fff;
	border-radius: 10rpx;
	margin-right: 20rpx;
}
.btn view:last-child{
	margin-right: 0;
}
.btn view:active{
	font-weight: 600;
	background-color: rgba(255,255,255,.8);
}
</style>
